/* Cambio colores del Calendario */
@charset "ISO-8859-1";
div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #6B6797; /*Color del borde de la tabla*/ 
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #FDF2F3;	/*Color del fondo de la tabla donde estan los dias */ 
  font-family: tahoma,verdana,sans-serif;
}

.calendar .button { 
  text-align: center;    
  padding: 2px;          
  background: #6B6797; /*Color de fondo donde estan "?", "x", "hoy" */
  color: #FFFFFF;	/*Color de letra donde estan "<<", "<", ">", ">>","hoy","?", "x", */
  font-size: 90%;
}

.calendar .nav {
  background: #6B6797 url(menuarrow.gif) no-repeat 100% 100%; /*Color de fondo donde estan los simbolos "<<", "<", ">", ">>" */
}

.calendar thead .title { 
  font-weight: bold;     
  text-align: center;
  padding: 2px;
  background: #EAF5FF; /*Color de fondo donde estan "Mes", "A�o" */
  color: #000000; /*Color de letra donde estan "Mes", "A�o" */
}

.calendar thead .headrow { 
}

.calendar thead .name {
  border-bottom: 1px solid #6B6797; /* Color de la linea que esta debajo de los dias */ 
  padding: 2px;
  text-align: center;
  color: #6B6797;/* Color de las letras donde estan los dias hasta el viernes */
}

.calendar thead .daynames { 
  background: #EAF5FF; /* Color de fondo donde estan los dias */
}

.calendar thead .weekend {
  color: #000000;/* Color de las letras donde estan los dias sabados y domingos */
}

.calendar thead .hilite { /* Efecto rollover en la cabecera y los dias */ 
  background-color: #FDF2F3; /* Color del fondo con el mouse encima */
  color: #000000;	/* Color de las letras con el mouse encima */
  border: 1px solid #6B6797; /* Color del borde interno con el mouse encima*/
  padding: 1px;
}

.calendar thead .active { 
  background-color: #FDF2F3; /* Color de fondo al presionar un elemento del calendario -dias */ 
  padding: 2px 0px 0px 2px;
}


.calendar tbody .day { 
  width: 2em;
  color: #000000; /* Color de las letras de los numeros de las semanas del a�o */
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb; /* NO SE */
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb; /* NO SE */
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #6B6797; /* Color del borde que esta a la derecha de las semanas */
  background: #EAF5FF; /* Color de fondo donde estan los numeros de las semanas del a�o */
}

.calendar tbody .rowhilite td {
  background: #EAF5FF; /* Color del fondo al pasar por los dias que estan internos en el mes */
  
}

.calendar tbody .rowhilite td.wn {
  background:#6B6797; /* Color del fondo al pasar por las semanas que estan internos en el mes */
  color:#FFFFFF; /* Color de las letras al pasar por las semanas que estan internas en el mes */
}

.calendar tbody td.hilite { 
  background: #FDF2F3; /* Color del fondo al pasar por un dia especifico en el mes */
  padding: 1px 3px 1px 1px;
  border: 1px solid #6B6797; /* Color del borde al pasar por un dia especifico en el mes */
}

.calendar tbody td.active {
  background: #6B6797; /* Color de fondo al presionar un dia */ 
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected {
  font-weight: bold;
  border: 1px solid #6B6797; /* Color del borde del dia seleccionado */ 
  padding: 1px 3px 1px 1px;
  background: #FDF2F3; /* Color del dia seleccionado */
  color: #000000; /* Color de la letra del dia seleccionado */
}

.calendar tbody td.weekend {
  color: #a66; /* Color de los dias fines de semana internos en el calendario */
}

.calendar tbody td.today { font-weight: bold; color: #990000; } /* Color del dia de hoy */

.calendar tbody .disabled { color: #999; } /* NO SE */

.calendar tbody .emptycell { 
  visibility: hidden;
}

.calendar tbody .emptyrow { 
  display: none;
}

/* fila donde esta el pie */

*.calendar tfoot .footrow { 
  text-align: center;
  background: #565;
  color: #fff;
}

.calendar tfoot .ttip { 
  padding: 2px;
  background: #6B6797; /* Color del fondo del pie */
  color: #FFFFFF; /* Color del la letra del pie */
}

.calendar tfoot .hilite { 
  background: #afa;
  border: 1px solid #084;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { 
  background: #7c7;
  padding: 2px 0px 0px 2px;
}


.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #6B6797; /* Color de borde del despliegue al hacer doble click en <,>,<<,>> */
  background: #FDF2F3; /* Color de fondo del despliegue al hacer doble click en <,>,<<,>> */
  color: #6B6797; /* Color de las letras del despliegue al hacer doble click en <,>,<<,>> */
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #FFCCCC; /* Color de fondo(over) del despliegue al hacer doble click en <,>,<<,>> */
}

.calendar .combo .active { /* Propuedades del mes o a�o actual al hacer click en <,>,<<,>> */
  border-top: 1px solid #6B6797; /* Color de la linea superior */
  border-bottom: 1px solid #6B6797; /* Color de la linea inferior */
  background: #6B6797; /* Color del fondo */
  font-weight: bold;
  color: #FFFFFF; /* Color de letra */
}

/* Fila de la hora */

.calendar td.time {
  border-top: 1px solid #6B6797; /* Color del borde que esta por arriba de la hora */
  padding: 1px 0px;
  text-align: center;
  background-color: #FFCCCC; /* Color del fondo donde va la hora */
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 0px solid #6B6797; /* Color del borde donde esta la hora */
  font-weight: bold;
  background-color: #FDF2F3; /* Color del fondo donde esta la hora */
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #6B6797;	/* Color del fondo al pasar el mouse sobre la hora */
  color: #FFFFFF; /* Color de la letra al pasar el mouse sobre la hora */
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #6B6797;	/* Color del fondo al pasar el mouse sobre la hora */
  color: #FFFFFF;	/* Color de la letra al pasar el mouse sobre la hora */
}
